@charset "utf-8";
/*首页*/
.gun_box{width:100%;height:33px;background:#f7f9f8;}
.scrollbox{width:1200px;position:relative;}
.scrollbox .scroltit a{color:#999;font-size:12px}
#scrollDiv{height:18px;overflow:hidden;display:block;float:left;margin-top:8px;}
.scrollbox h1{color:#111;font-size:14px;display:inline-block;float:left;height:33px;line-height:33px; font-weight:bold; margin-right:3px; background:url(../images/index_pic_13.png) no-repeat left center; padding-left:58px}
#scrollDiv ul{display:inline-block; width:500px}
#scrollDiv li{ /*float:left;border-right:1px solid #ccc;*/ margin-right:50px;padding-right:15px; margin-right:15px}
#scrollDiv li a{color:#666;font-size:12px;line-height:18px}
#scrollDiv li a em{display:inline-block;float:right;color:#999; margin-left:15px}
.scroltit{position:absolute;right:5px;top:8px;}
.section .step_box2{ padding-top:39px;padding-bottom:48px}
.step_box2 h3{ margin-bottom:30px}
.step_box2 h3 .learn{ display:inline-block; float:right; color:#999; font-size:12px; height:40px; line-height:40px}
.step_box2 h3 span{ display:inline-block; border-left:3px solid #333; color:#333; font-size:16px; font-weight:bold; padding-left:7px}
.step_box2 h3 span em{ display:block; font-weight:normal; font-size:14px}
.step_box2 .left{width:366px}
.step_box2 .middle{width:380px; margin:0 44px}
.step_box2 .right{width:366px}
.step_box2 .item_box .shang{ padding-bottom:20px}
.item_box .shang .tp{ width:117px; margin-right:21px; display:inline-block}
.item_box .shang .text{ width:228px}
.item_box .text h6{ margin:8px 0 12px 0;font-weight:normal}
.item_box .text h6 a{ color:#333; font-size:14px;}
.item_box .text p a{ display:block; color:#999; font-size:12px; line-height:22px}
.item_box .xia li a{ color:#555; font-size:12px; background:url(../images/index_pic_50.jpg) no-repeat left center; padding-left:15px; line-height:30px}
.item_box .xia li a em{ display:inline-block; float:right; color:#999; font-size:12px}
.item_box .shang2{ padding-bottom:11px}
.right .item_box p{ color:#555; font-size:12px; line-height:26px; text-indent:26px}
.right .item_box .shang2{ padding-bottom:10px}
.main .sy_box{width:100%;background:#f3f3f3; padding-top:40px; padding-bottom:38px}
.step_box .top_nav{ margin-bottom:40px}
.step_box .bt_tit{ background:url(../images/tt.png) no-repeat; height:40px; width:362px}
.step_box .bt_tit em{color:#fff;font-size:16px;display:inline-block; line-height:40px; width:115px; text-align:center}
.step_box .bt_tit span{display:inline-block;color:#dbdbdb;font-size:12px; padding-left:60px; margin-top:4px}
.step_box .nav_box{ margin-top:7px}
.step_box .nav_box a{ color:#333; font-size:16px; font-weight:bold; display:inline-block; margin:0 26px; border-bottom:3px solid #f3f3f3; padding-bottom:8px}
.step_box .nav_box a.move2{ border-bottom:3px solid #00A1ff;}
.content_box .contain{ display:none}




/* 关于我们 */
.section .leftside{ width:220px; margin-right:50px; margin-top:30px}
.leftside .tit{ height:40px; background:#00A1ff; line-height:40px; color:#fff; font-size:18px; text-align:center; margin-bottom:10px}
.leftside .nav li{border-bottom:1px solid #ddd; padding:0 75px}
.leftside .nav li a{ color:#999; line-height:36px; font-size:16px}
.leftside .nav li a:hover{ color:#c02727}
.section .rightside{ width:930px; margin-top:30px}
.rightside .home{ color:#666; font-size:18px; border-bottom:1px solid #ddd; height:39px; line-height:39px; padding:0 20px}
.rightside .home span{ display:inline-block; float:right; color:#999; font-size:14px}
.rightside .home span a{color:#999; font-size:14px}
.rightside .about{ padding:35px}
.rightside .about p{ text-indent:28px; color:#666; font-size:14px; line-height:24px}
.rightside .about p .picture{ display:inline-block; float:left; border:1px solid #ddd; margin-right:12px}
.rightside .about2 dt{ background:#f4f7f7; height:35px; line-height:35px; font-size:16px; color:#303135; font-weight:bold; padding:0 25px; margin-bottom:6px; margin-top:25px}
.rightside .about2 dd{ color:#666; font-size:14px; line-height:30px;padding:0 25px}
.rightside .about2 .center{ text-align:center; padding:35px 0}
.rightside .about2 .box{ padding:25px; border-top:2px dashed #e8e8e8}
.rightside .about2 .box li{color:#666; font-size:14px; line-height:30px;}
.rightside .list_box{ padding:25px}
.rightside .list_box ul{ width:904px}
.rightside .list_box li{ float:left; width:200px; text-align:center; margin-right:26px; margin-bottom:26px}
.rightside .list_box li a img{ width:198px; border:1px solid #999}
.rightside .list_box li a p{ background:#ececec; font-size:14px; color:#999; height:30px; line-height:30px; margin-top:3px}
/* 营销与服务 */
.rightside .download{ padding:25px 0}
.rightside .download li{ border-bottom:1px dashed #ddd; color:#666; font-size:14px; padding:12px 25px}
.rightside .download li em,.rightside .download li a i{ display:inline-block; vertical-align:middle; margin-right:12px; margin-top:-2px}
.rightside .download li a{color:#666; font-size:14px; display:inline-block; float:right}
.form1{padding-top:30px;padding-bottom:50px;} 
.form1 p{ width:420px;}
.form1 p.radio{ margin-bottom:10px;}
.form1 select{ height:28px; width:320px; border:#dddddd solid 1px; line-height:28px; margin-bottom:10px;}
.form1 input.txt{ height:28px; width:250px; border:#dddddd solid 1px; line-height:28px; margin-bottom:10px;}
.form1 label{ margin-right:8px; margin-bottom:4px; display:inline-block; }
.form1 .l label{ width:70px; text-align:right; display:inline-block;}
.form1 i{ color:red; margin-left:13px; font-style:normal}
.form1 textarea{border:#dddddd solid 1px; width:318px; height:150px; margin-bottom:10px;}
.form1 .btn{ width:90px; height:24px; text-align:center; height:24px; color:#fff; background:#019b7f; position:absolute; left:34%; bottom:0;}
.resetBtn{ background:#909090 !important; margin-left:5px !important; left:44% !important;}
.form1 input.yzm{ width:97px; margin-right:13px;}
.form2 .r{ width:460px; float:right}
.form2 .r h3{ font-weight:bold; margin-bottom:5px;}
.form2 .r textarea{ width:368px; height:70px;}
.form2 .r p{ height:70px; margin-top:11px;}
.focus{padding:15px 0; border-bottom:1px solid #ccc;}
.focus h3{ display:inline-block; margin-right:5px; font-size:17px; color:#000;}
.focus i{ display:inline-block;width:14px; height:14px;}
.focus em{ margin:0 8px;}
.form1 .l{ float:left; position:relative}
.formmt{ padding:0 25px}
.butn{ width:220px; margin:30px auto}
.butn input{width:90px; height:24px; text-align:center;color:#fff; background:#; border:none; cursor:pointer; margin:0 10px; font-family:"微软雅黑"}
.butn input.reset{ background:#909090}
/* 产品中心 */
.rightside .product{ padding:25px}
.rightside .product ul{ width:900px}
.rightside .product li{ float:left; width:410px; margin-right:40px; margin-bottom:40px; height:156px}
.rightside .product li .pic2{ display:inline-block; width:182px; margin-right:10px}
.rightside .product li .wz{ width:218px}
.product li .wz b a{ display:block; color:#333; font-size:14px; margin-bottom:6px}
.product li .wz p{ color:#999; font-size:12px; line-height:24px}
.product li .wz .read{ background:#bbb; display:block; width:70px; height:25px; text-align:center; line-height:25px; color:#fff; font-size:12px; margin-top:10px}
/* 新闻中心 */
.rightside .news{ padding:25px 0}
.rightside .news li{ float:left; border-bottom:1px dashed #ddd;margin-bottom:20px;padding:0 25px 20px 25px}
.rightside .news li .pic2{ display:inline-block; width:120px; margin-right:20px}
.rightside .news li .wz{ width:740px}
.rightside .news li b a{ display:block; color:#333; font-size:14px; margin-bottom:6px}
.rightside .news li em{ display:block; color:#; font-size:12px}
.rightside .news li p a{ color:#666; font-size:12px; line-height:24px}
/* 联系我们 */
.content .home{ color:#; font-size:18px; border-bottom:1px solid #ddd; height:39px; line-height:39px; padding:0 20px}
.content .home span{ display:inline-block; float:right; color:#999; font-size:14px}
.content .home span a{color:#999; font-size:14px}
.content .contact{ padding:50px 110px}
.content .contact .map{ width:462px}
.content .contact .adress{ width:452px}
.contact .adress h1{ color:#; font-size:18px; font-weight:bold}
.contact .adress p{ color:#666; font-size:14px; line-height:30px}

/*product_detail*/
.dt-pic { width:440px; height:330px; margin:0 auto; position:relative; z-index:1; display:block;}
.dt-pic a { width:440px; height:330px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-family:Arial; *line-height:1;}
.dt-pic a img { vertical-align:middle; max-width:100%; max-height:100%}
.picTip { clear:both; text-align:center; font-size:14px; line-height:28px;}
.picTip .ico { width:28px; height:28px; background:url(../img/zoom.png) no-repeat; margin-right:5px;}
.pdRight { width:450px; float:right; position:relative;}
.proTop .pdRight{ padding-top:50px;}
.channelT .pdRight { width:150px; float:right;}
.pdt { line-height:26px; padding:8px 0px 8px 25px; background:url(../img/b.png) 0px -27px no-repeat; font-size:18px; font-weight:bold; color:#;}
.pdRight .text { line-height:24px; padding-bottom:20px; color:#999; font-size:12px}
.pdRight font.gr { color:#02a788;}
.pdRight .tel { padding-left:55px; line-height:24px; background:url(../images/tel_ico.gif) no-repeat 0 3px; font-size:14px; position:relative;}
.pro_list_tab .bl{ float:right; background:url(../images/pl_ico.png) right no-repeat; margin-right:16px; display:inline-block; padding-right:20px;line-height:44px}
.pro_list_tab .bl a{color:#000;}
.pro_list_tab .bl a:hover{color:#;}
.pro_list_tab{padding:0;}
.pro_list_tab .tab_list{border:1px solid #ddd;background:url(../images/channel_b.png) right 0 no-repeat;margin:0 0 20px; height:42px}
.pro_list_tab .tab_t_cur{background:#009c809;color:#fff;}
.pro_list_tab .tab_t_cur:before{content: ' ';background: -webkit-linear-gradient(top, #007862,#00987c , #00a083 20%); background: -moz-linear-gradient(top, #007862,#00987c , #00a083 20%);background: -ms-linear-gradient(top, #007862,#00987c , #00a083 20%); background: linear-gradient(top, #007862,#00987c , #00a083 20%); position: absolute; top: 0; left: 0; width: 100%;height: 100%;z-index:-1;}
.pro_list_tab .tab_t_cur .arr{bottom:-12px;}
.pro_list_tab li a:hover{color:#009c80;}
.pro_list {border-left:1px solid #ddd;/*border-top:1px solid #ddd;*/ padding-top:1px;}
.pro_list li{float:left;width:20%;overflow:hidden; position:relative;}
.pro_list a{display:block;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:20px 0;}
.pro_list img{height:145px;}
.pro_list p{height:2em;line-height:2;margin:1em 0 0;white-space:nowrap;overflow:hidden;color:#009c80;}
.add_emali_fax{ position:absolute; top:0px; left:165px; border-left:1px solid #ccc; padding-left:20px;}
.datalist{ border:1px solid #cccccc; /* 表格边框 */ font-family:Arial; border-collapse:collapse; /* 边框重叠 */ background-color:#ffffff; /* 表格背景色 */ font-size:12px;}
.datalist caption{ padding-bottom:5px; font:bold 12px; text-align:left;} 
.datalist th{ border:1px solid #cccccc; /* 行名称边框 */ background-color:#eeeeee; /* 行名称背景色 */ color:#000000; /* 行名称颜色 */ font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:15px;  text-align:left;}
.datalist td{ border:1px solid #cccccc; /* 单元格边框 */ text-align:left; padding-top:4px; padding-bottom:4px; padding-left:15px; }
.datalist tr.al trow{ background-color:#c7e5ff; /* 隔行变色 */}
.pro_list_tab .tab_c{ display:none}
.pro_list_tab .tab_list li{ float:left; line-height:42px; position:relative}
.pro_list_tab .tab_list li a{ color:#666; font-size:14px; display:inline-block; padding:0 20px}
.pro_list_tab .tab_list li a:hover,.pro_list_tab .tab_list li a.cur{ background:#00A1ff; color:#fff}
.pro_list_tab li a .arr{position:absolute;left:45%;bottom:-4px;display:none;z-index:20}
.pro_list_tab li a:hover .arr,.pro_list_tab li a.cur .arr{ display:block}
.pro_list_tab .tab_c .myart{ color:#999; line-height:24px}
/*图片小图预览列表*/
.spec-preview{width:420px;height:420px;}
.spec-scroll{clear:both;margin-top:20px;width:420px; position:relative}
.spec-scroll a{ background:url(../images/img.png) no-repeat; height:18px; width:10px; overflow:hidden; position:absolute}
.spec-scroll .items{position:relative;height:72px;overflow:hidden; margin:0 auto; padding-right:5px}
.spec-scroll .items ul{position:absolute;width:999999px;height:72px;}
.spec-scroll .items ul li{float:left;width:86px;text-align:center;height:72px;margin:0 10px 0 9px}
.spec-scroll .items ul li img{border:1px solid #CCC;width:84px;height:70px;}
.spec-scroll .items ul li img:hover{border:1px solid #;}
.wrapper{ padding:25px 0}
.proTop{ margin-bottom:25px}

.scrollpic {width:1200px;}
#myscroll,#myscroll2,#myscroll3,#myscroll4,#myscroll5 {
	display: block;
	width: 100%;
	position: relative;
	height: 270px;
	overflow: hidden;
}
#myscroll #myscrollbox,#myscroll2 #myscrollbox2,#myscroll3 #myscrollbox3,#myscroll4 #myscrollbox4,#myscroll5 #myscrollbox5 {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul,#myscroll2 ul,#myscroll3 ul,#myscroll4 ul,#myscroll5 ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li,#myscroll2 ul li,#myscroll3 ul li,#myscroll4 ul li,#myscroll5 ul li {
	display: block;
	float: left;
	padding: 0;
	width:309px;
}
#myscroll ul li a,#myscroll2 ul li a,#myscroll3 ul li a,#myscroll4 ul li a,#myscroll5 ul li a {
	display: block;
	float: left;
	width: 285px;
	padding: 0;
	position: relative;
	height: 270px;
	color: #333;
}
#myscroll ul li a p,#myscroll2 ul li a p,#myscroll3 ul li a p,#myscroll4 ul li a p,#myscroll5 ul li a p{ width:271px;color:#333; font-size:14px; text-align:center; margin-top:20px}
#myscroll ul li a img,#myscroll2 ul li a img,#myscroll3 ul li a img,#myscroll4 ul li a img,#myscroll5 ul li a img{ width:271px; height:232px}
#mybtns{width:1200px;display:block;position:relative;top:126px}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	background-color: #c1c1c1;position:absolute; z-index:10
}
#mybtns a:hover {
	background-color: #347fdc;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left,#mybtns #left2,#mybtns #left3,#mybtns #left4,#mybtns #left5 {
	background-image: url(../images/jt_l.png); left:1px
}
#mybtns #right,#mybtns #right2,#mybtns #right3,#mybtns #right4,#mybtns #right5 {
	background-image: url(../images/jt_r.png); right:1px
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.content_box .mr_frUl li{float:left;overflow:hidden;height:275px;width:271px;padding-right:38px;}
.content_box .mr_frbox{ width:1200px; position:relative; overflow:hidden}
.mr_frBtnL{cursor: pointer; display: inline; position:absolute; left:0px;top:88px;z-index:1000}
.mr_frBtnR{cursor: pointer; position:absolute;right:0px;top:98px;z-index:1000}
.content_box .mr_frUl2 li{float:left;overflow:hidden;height:270px;width:271px;padding-right:38px;}
.content_box .mr_frbox2{ width:1200px; position:relative; overflow:hidden}
.content_box .mr_frUl3 li{float:left;overflow:hidden;height:270px;width:271px;padding-right:38px;}
.content_box .mr_frbox3{ width:1200px; position:relative; overflow:hidden}
.content_box .mr_frUl4 li{float:left;overflow:hidden;height:270px;width:271px;padding-right:38px;}
.content_box .mr_frbox4{ width:1200px; position:relative; overflow:hidden}
.content_box .mr_frUl5 li{float:left;overflow:hidden;height:270px;width:271px;padding-right:38px;}
.content_box .mr_frbox5{ width:1200px; position:relative; overflow:hidden}
.content_box li a p{width:271px;color:#333; font-size:14px; text-align:center; margin-top:20px}
.content_box li a img{ width:271px; height:232px}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px;}
.detail h1{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#333;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }


#preview{ float:left;text-align:center; width:440px;}
.jqzoom{ width:440px; height:330px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:440px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:412px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.pro_list_tab table{border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.pro_list_tab td{ border-top:1px solid #ccc;border-right:1px solid #ccc; padding:0 30px; height:35px; line-height:35px}


/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:440px;position:relative;font-size:12px;padding-bottom:5px; float:left}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:3px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:3px;right:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:34px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:62px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:2px;margin:0px 3px;border:1px solid #ccc;display:block;width:50px;height:50px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #F00;}


/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:1px solid #ccc;
	background:#FFF;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		0px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}